<% present @user do |user_presenter| %>
    <% @class = "settings-body settings-#{params[:action]} theme-#{user_presenter.theme}"%>
<% end %>

<% content_for :content do %>
  <%= render partial: 'shared/notification' %>
  <script>
      <%= render partial: "shared/message_flash", locals: {flash: flash} %>
  </script>
  <div class="flex items-stretch antialiased overflow-hidden">
      <div class="basis-[310px] shrink-[2] min-h-[100vh] bg-sidebar border-r p-6 tw-hidden md:block">
          <a href="/" class="block pt-4">
              <%= svg_tag "logo-full", inline: true, class: "w-[140px] h-[38px]" %>
          </a>
          <%= render Shared::SettingsNavView.new(user: @user) %>
      </div>
      <div class="basis-[700px] shrink-[4] relative min-w-0 mb-8">
          <button class="flex h-[36px] w-[36px] absolute top-[45px] right-[16px] items-center justify-end md:hidden" data-open-dialog="<%= Dialog::SettingsNav.dom_id %>">
              <%= svg_tag "icon-menu", class: "fill-600" %>
          </button>
          <div class="px-4 md:pr-[20px] md:pl-[37px]">
            <%= yield %>
          </div>
      </div>
  </div>
  <%= render partial: "shared/svg" %>
  <%= render Dialog::All.new %>
  <button class="hide" data-behavior="show_subscribe" data-open-dialog="<%= Dialog::AddFeed.dom_id %>"></button>
<% end %>
<%= render template: "layouts/application" %>
